<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>购物车</title>
    <link   type="text/css" rel="stylesheet" href="../css/shoppingCart.css"/>
    <script src="../js/jquery-3.1.0.js"></script>
    <script src="../js/lodash.js"></script>
    <script type="text/javascript" src="../js/shoppingCart.js"></script>
    <script type="text/javascript" src="../js/jquery.tmpl.min.js"></script>
    <script type="text/x-jquery-tmpl"  id="templet">
    <tr>
           <td class="td">${classification}</td>
           <td class="td name">${name}</td>
           <td class="td">${price}</td>
           <td class="td">${unit}</td>
           <td><button class="buttonStyle buttonLess">-</button><button disabled="false" class="buttonStyle itemCount">${count}</button><button
            class="buttonStyle buttonAdd">+</button></td>
           <td class="td subTotal">${subTotal}</td>
    </tr>
    </script>
</head>
<body class="body">
<div  class="bodyHeader">
    <button   id="label"       class="label publicStyle1">Let's Go</button>
    <button   id="home"        class="publicStyle1 publicStyle2">主页</button>
    <button   id="productList" class="publicStyle1 publicStyle2">商品列表</button>
    <button   class="shoppingCart"><img src="../png/shoppingCart.png" class="img">购物车(<a id="cartCount"></a>)</button>
</div>
<div  class="mainTable">
    <div   class="titleDiv">购物清单</div>
    <table  class="table" id="cartInfo" >
          <th class="th1">分类</th>
          <th class="th2" >名称</th>
          <th class="th2">单价（元）</th>
          <th class="th1">单位</th>
          <th class="th3">数量</th>
          <th>小计</th>
    </table>
    <p class="sumPrice">总计：<a id=sumPrice></a>元</p>
    <button class="payMoney">付款</button>
</div>
</body>
</html>